<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p7_表单练习</title>
</head>
<body>
<!--
    form表示整个表单 actio="#"表示将收集到的数据提交至当前页
    input的type值:
    text文本 password密码 radio单选 checkbox多选 submit提交 reset重置 button普通按钮
    date日期 color颜色 file文件 range范围
-->
<!--
    name:用来设置输入框的名字,没有此值该控件无法提交值!
    value:设置输入框的默认值 按钮上显示的文字 单选/多选中选项的值
-->
    <form action="#">
        姓名1:<input type="text" name="username" value="Tom"><br>
        姓名2:<input type="text" name="username" value="Tom" readonly><br>
        姓名3:<input type="text" name="username" value="Tom" disabled><br>
        姓名4:<input type="text" name="username" placeholder="请输入用户名"><br>
        密码:<input type="password" name="password"maxlength="6"><br>
        性别:
        <input type="radio" name="gender" value="男">男
        <input type="radio" name="gender" value="女" checked>女
        <br>
        爱好:
        <input type="checkbox" name="like" value="抽烟">抽烟
        <input type="checkbox" name="like" value="喝酒">喝酒
        <input type="checkbox" name="like" value="烫头" checked>烫头
        <input type="checkbox" name="like" value="学Java" checked>学Java
        <br>
        生日:<input type="date" name="birthday"><br>
        颜色:<input type="color" name="lc"><br>
        范围:<input type="range" name="sf"><br>
        文件:<input type="file" name="uf">
        <br>
        喜欢的城市:
        <select name="city">
            <option value="bj">北京</option>
            <option value="sz" selected>深圳</option>
            <option value="sh">上海</option>
            <option value="tw">台湾</option>
        </select>
        <br>
        <input type="checkbox" id="ok">
        <label for="ok">我同意以上协议</label>
        <br>
        <label for="ok2">关联文字</label>
        <input type="text" id="ok2">
        <br>
        留言板:
        <textarea name="content" id=""cols="30" rows="10" style="resize: none">请留言~</textarea>
        <br>
        <input type="submit">
        <input type="reset">
        <input type="button" value="保存">
    </form>
</body>
</html>